﻿<html>
<head>
<title>CSS3 Border Top Test </title>

<style type="text/css" id="internalStyle">
p {border-top: dashed thin blue;}
h3 {border-top: dotted thick green;}
</style>
</head>

<body>




<h1>CSS3 Border Top Test</h1>





<ul>
<li>
The "border-top" property is a 
shorthand property for setting the width, style, and color of the top border of a box.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border top
of dashed thin blue.
The rule applied is "p {border-top: dashed thin blue;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border top of dotted thick green.
The rule applied is "h3 {border-top: dotted thick green;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
dashed thin blue border top.  
</p>

</body>
</html>
